<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery.LocalScroll - Regular Demo</title>
    <link href='/base.css' type='text/css' rel='stylesheet' />
    <link href='css/style.css' type='text/css' rel='stylesheet' />
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
    <script type='text/javascript' src="js/jquery.scrollTo-min.js"></script>
    <script type='text/javascript' src="js/jquery.localscroll-min.js"></script>
    <script type='text/javascript' src="js/init.js"></script>
</head>
<body>
    <h1>
        Header
    </h1>
    <ul id="navigation">
        <li class="sup"><a href="#home">Home</a></li>
        <li class="sup"><a href="#about">About</a></li>
        <li class="sup"><a href="#work">Work</a></li>
        <li class="sup"><a href="#contact">Contact</a></li>
        <!--<li class="sup"><a href="#section1">Section 1</a>
            <ul>
                <li><a href="#section1b">Section 1-b</a></li>
                <li><a href="#section1c">Section 1-c</a></li>
            </ul>
        </li>
        <li class="sup"><a href="#section2">Section 2</a>
            <ul>
                <li><a href="#section2b">Section 2-b</a></li>
                <li><a href="#section2c">Section 2-c</a></li>
            </ul>
        </li>
        <li class="sup"><a href="#section3">Section 3</a>
            <ul>
                <li><a href="#section3b">Section 3-b</a></li>
                <li><a href="#section3c">Section 3-c</a></li>
            </ul>
        </li>
        <li class="sup"><a href="#section4">Section 4</a>
            <ul>
                <li><a href="#section4b">Section 4-b</a></li>
                <li><a href="#section4c">Section 4-c</a></li>
            </ul>
        </li>
        <li class="sup"><a href="#section5">Section 5</a>
            <ul>
                <li><a href="#section5b">Section 5-b</a></li>
                <li><a href="#section5c">Section 5-c</a></li>
            </ul>
        </li>-->
    </ul>
    <div id="content">
        <div class="section">
            <div class="sub" id="home">
                <h2>
                    Hi
                </h2>
                <p>
                    Hi there! My name is Som Poddar. I am a professional web/mobile application developer
                    based in Louisville, KY. I build applications suited for large enterprise organizations,
                    startups, academic institutions & non-profits. I am also an amateur photographer
                    who has keen interest in street photography & urban portraits.</p>
            </div>
        </div>
        <div class="section">
            <div class="sub" id="About">
                <h2>
                    About
                </h2>
                <p>
                    I am passionate about building things - with a special focus on making things simpler
                    and better - both at the same time. Several years back, when I was a graduate student
                    in University of South Carolina, while teaching ComputerScience101 I have realized,
                    most of the technical advancement only helps a small portion of population (we call
                    them 'Tech Savvy'). A very large portion still finds some degrees of difficulties
                    in keeping up with technology. Starting that time, my main motivation is to build
                    quality software that is intuitive & easy to use.
                </p>
            </div>
        </div>
        <div class="section">
            <ul>
                <li class="sub" id="section3">
                    <h2>
                        Section 3</h2>
                    <p>
                        Aliquam erat volutpat. In a neque. Mauris malesuada consectetuer metus. Etiam molestie.
                        Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
                        mus. Integer scelerisque gravida libero. Nulla nisi massa, consequat nec, gravida
                        sit amet, imperdiet in, est. Nam gravida lacus. Etiam sem tortor, faucibus eget,
                        iaculis euismod, molestie consequat, mauris. Phasellus consectetuer lobortis eros.
                        Maecenas sit amet arcu. Morbi ut enim. Fusce sem augue, consectetuer in, tempus
                        eu, dictum vel, felis. Praesent nisl tortor, aliquet a, fermentum ac, molestie vitae,
                        libero.</p>
                    <p>
                        Donec lacinia neque et justo. Vestibulum pretium semper tellus. Phasellus lacinia
                        tristique purus. Id, orci. Pellentesque habitant morbi tristique senectus et netus
                        et malesuada fames ac turpis egestas. Nulla non orci eu felis accumsan blandit.
                        Nam condimentum. Quisque pulvinar. Cras nibh. Sed quis lorem id erat feugiat vulputate.</p>
                    <a href="#section3b" class="next">&gt;&gt;</a> </li>
                <li class="sub" id="section3b">
                    <h2>
                        Section 3-b</h2>
                    <p>
                        Aliquam erat volutpat. Pellentesque cursus, vel dignissim dolor est eget ante. Pellentesque
                        a purus. Proin quis arcu ut ipsum sollicitudin sollicitudin. In a neque. Mauris
                        malesuada consectetuer metus. Etiam molestie. Cum sociis natoque penatibus et magnis
                        dis parturient montes, nascetur ridiculus mus.Nam gravida lacus. Etiam sem tortor,
                        faucibus eget, iaculis euismod, molestie consequat, mauris. Phasellus consectetuer
                        lobortis eros. Maecenas sit amet arcu. Morbi ut enim. Fusce sem augue, consectetuer
                        in, tempus eu, dictum vel, felis. Praesent nisl tortor, aliquet a, fermentum ac,
                        molestie vitae, libero.</p>
                    <p>
                        Donec lacinia neque et justo. Vestibulum pretium semper tellus. Phasellus lacinia
                        tristique purus. Sed magna est, auctor quis, egestas et, tristique id, orci. Pellentesque
                        habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                        Nulla non orci eu felis accumsan blandit. Nam condimentum. Sed quis lorem id erat
                        feugiat vulputate.</p>
                    <a href="#section3" class="prev">&lt;&lt;</a> <a href="#section3c" class="next">&gt;&gt;</a>
                </li>
                <li class="sub" id="section3c">
                    <h2>
                        Section 3-c</h2>
                    <p>
                        Aliquam erat volutpat. Pellentesque cursus, pede vel molestie tempor, orci mauris
                        pellentesque mauris. Etiam molestie. Cum sociis natoque penatibus et magnis dis
                        parturient montes, nascetur ridiculus mus. Integer scelerisque gravida libero. Nulla
                        nisi massa, consequat nec, gravida sit amet, imperdiet in, est. Nam gravida lacus.
                        Etiam sem tortor, faucibus eget, iaculis euismod, molestie consequat, mauris. Phasellus
                        consectetuer lobortis eros. Maecenas sit amet arcu. Morbi ut enim. Fusce sem augue,
                        consectetuer in, tempus eu, dictum vel, felis. Praesent nisl tortor, aliquet a,
                        fermentum ac, molestie vitae, libero.</p>
                    <p>
                        Donec lacinia neque et justo. Pellentesque habitant morbi tristique senectus et
                        netus et malesuada fames ac turpis egestas. ellentesque cursus, pede vel molestie
                        tempor, orci mauris pellentesque mauris. Nulla non orci eu felis accumsan blandit.
                        Nam condimentum. Quisque pulvinar. Cras nibh. Sed quis lorem id erat feugiat vulputate.
                    </p>
                    <a href="#section3b" class="prev">&lt;&lt;</a> </li>
            </ul>
        </div>
        <div class="section">
            <ul>
                <li class="sub" id="section4">
                    <h2>
                        Section 4</h2>
                    <p>
                        Donec eu diam. Etiam pharetra pede id orci. Mauris tellus enim, ultrices in, vehicula
                        sed, feugiat eget, pede. Vestibulum odio eros, viverra non, posuere sed, elementum
                        blandit, nunc. Fusce sodales cursus nibh. Nam ut sem sed tortor lacinia aliquet.
                        Donec lacus arcu, consectetuer non, dignissim eget, ultrices sed, ligula. Maecenas
                        faucibus lobortis nibh. Ut viverra justo quis felis eleifend ultrices. Integer at
                        magna ut lacus malesuada rutrum. Proin in odio a mi tincidunt faucibus. Lorem ipsum
                        dolor sit amet, consectetuer adipiscing elit. Nullam nisi massa, facilisis vitae,
                        mollis et, ornare sit amet, dolor.</p>
                    <p>
                        Quisque turpis eros. Vivamus ullamcorper, diam sit amet pharetra vehicula, sem nisi
                        scelerisque ante, nec mattis risus augue non nulla. Donec elit dui, porttitor eget,
                        ultricies vel, elementum gravida, urna. Aliquam erat volutpat. Mauris libero tellus,
                        facilisis et, aliquet non, pulvinar sagittis, turpis. Quisque eu augue et dui lacinia
                        gravida. Nam in massa a purus blandit mattis. Nulla facilisi.</p>
                    <a href="#section4b" class="next">&gt;&gt;</a> </li>
                <li class="sub" id="section4b">
                    <h2>
                        Section 4-b</h2>
                    <p>
                        Donec eu diam. . Integer viverra ante quis nisi. Vestibulum odio eros, viverra non,
                        posuere sed, elementum blandit, nunc. Fusce sodales cursus nibh. Nam ut sem sed
                        tortor lacinia aliquet. Donec lacus arcu, consectetuer non, dignissim eget, ultrices
                        sed, ligula. Maecenas faucibus lobortis nibh. Ut viverra justo quis felis eleifend
                        ultrices. Integer at magna ut lacus malesuada rutrum. Proin in odio a mi tincidunt
                        faucibus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nisi
                        massa, facilisis vitae, mollis et, ornare sit amet, dolor.</p>
                    <p>
                        Quisque turpis eros, blandit vitae, auctor vel, eleifend nec, nisl. Nam justo lacus,
                        elementum vel, rhoncus ut, feugiat id, ante. Vivamus ullamcorper,Nec mattis risus
                        augue non nulla. Donec elit dui, porttitor eget, ultricies vel, elementum gravida,
                        urna. Aliquam erat volutpat. Mauris libero tellus, facilisis et, aliquet non, pulvinar
                        sagittis, turpis. Quisque eu augue et dui lacinia gravida. Nam in massa a purus
                        blandit mattis. Nulla facilisi.</p>
                    <a href="#section4" class="prev">&lt;&lt;</a> <a href="#section4c" class="next">&gt;&gt;</a>
                </li>
                <li class="sub" id="section4c">
                    <h2>
                        Section 4-c</h2>
                    <p>
                        Donec eu diam. Morbi molestie purus at velit. Morbi augue eros, eleifend nec, bibendum
                        tempor, aliquet a, augue. Integer viverra ante quis nisi. Vestibulum odio eros,
                        viverra non, posuere sed, elementum blandit, nunc. Fusce sodales cursus nibh. Nam
                        ut sem sed tortor lacinia aliquet. Donec lacus arcu, consectetuer non, dignissim
                        eget, ultrices sed, ligula. Maecenas faucibus lobortis nibh. Ut viverra justo quis
                        felis eleifend ultrices. Integer at magna ut lacus malesuada rutrum. Proin in odio
                        a mi tincidunt faucibus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                        Nullam nisi massa, facilisis vitae, mollis et, ornare sit amet, dolor.</p>
                    <p>
                        Quisque turpis eros, blandit vitae, auctor vel, eleifend nec, nisl. Nec mattis risus
                        augue non nulla. Donec elit dui, porttitor eget, ultricies vel, elementum gravida,
                        urna. Aliquam erat volutpat. Mauris libero tellus, facilisis et, aliquet non, pulvinar
                        sagittis, turpis. Quisque eu augue et dui lacinia gravida. Nam in massa a purus
                        blandit mattis. Nulla facilisi.</p>
                    <a href="#section4b" class="prev">&lt;&lt;</a> </li>
            </ul>
        </div>
        <div class="section">
            <ul>
                <li class="sub" id="section5">
                    <h2>
                        Section 5</h2>
                    <p>
                        Fusce sit amet nibh sit amet libero pretium rutrum. Phasellus arcu. Donec turpis
                        lorem, eleifend ut, cursus at, lacinia eget, dolor. Vivamus pulvinar sollicitudin
                        ante. Nulla eu mauris sollicitudin urna fermentum tincidunt. Mauris placerat leo
                        ut quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
                        cubilia Curae; Sed in risus. Aliquam erat volutpat. Cum sociis natoque penatibus
                        et magnis dis parturient montes, nascetur ridiculus mus. Maecenas enim. Suspendisse
                        odio odio, cursus ut, egestas eget, lobortis eget, magna.</p>
                    <p>
                        Maecenas ultrices lectus facilisis metus. Fusce imperdiet. Aenean bibendum magna
                        a neque. Aenean vel tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing
                        elit. Fusce gravida, magna non pellentesque interdum, felis odio eleifend ligula,
                        et luctus dolor mi et diam. Vivamus varius nisl sed enim. Sed ultricies fermentum
                        urna.</p>
                    <a href="#section5b" class="next">&gt;&gt;</a> </li>
                <li class="sub" id="section5b">
                    <h2>
                        Section 5-b</h2>
                    <p>
                        Fusce sit amet nibh sit amet libero pretium rutrum. Nam iaculis enim ac ipsum. Donec
                        turpis lorem, eleifend ut, cursus at, lacinia eget, dolor. Vivamus pulvinar sollicitudin
                        ante. Nulla eu mauris sollicitudin urna fermentum tincidunt. Mauris placerat leo
                        ut quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
                        cubilia Curae; Sed in risus. Aliquam erat volutpat. Cum sociis natoque penatibus
                        et magnis dis parturient montes, nascetur ridiculus mus. Maecenas enim. Suspendisse
                        odio odio, cursus ut, egestas eget, lobortis eget, magna.</p>
                    <p>
                        Maecenas ultrices lectus facilisis metus. Nunc nec elit vitae lectus posuere aliquam.
                        Integer id justo nec elit varius blandit. Aenean vel tellus. Lorem ipsum dolor sit
                        amet, consectetuer adipiscing elit. Fusce gravida, magna non pellentesque interdum,
                        felis odio eleifend ligula, et luctus dolor mi et diam. Vivamus varius nisl sed
                        enim. Sed ultricies fermentum urna.</p>
                    <a href="#section5" class="prev">&lt;&lt;</a> <a href="#section5c" class="next">&gt;&gt;</a>
                </li>
                <li class="sub" id="section5c">
                    <h2>
                        Section 5-c</h2>
                    <p>
                        Fusce sit amet nibh sit amet libero pretium rutrum. Phasellus arcu. Morbi justo
                        purus, pellentesque ac, fringilla at, adipiscing non, dolor. Suspendisse imperdiet
                        lorem. Nam iaculis enim ac ipsum. Nulla eu mauris sollicitudin urna fermentum tincidunt.
                        Mauris placerat leo ut quam. Vestibulum ante ipsum primis in faucibus orci luctus
                        et ultrices posuere cubilia Curae; Sed in risus. Aliquam erat volutpat. Cum sociis
                        natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas
                        enim. Suspendisse odio odio, cursus ut, egestas eget, lobortis eget, magna.</p>
                    <p>
                        Maecenas ultrices lectus facilisis metus. Nunc nec elit vitae lectus posuere aliquam.
                        Integer id justo nec elit varius blandit. Aenean vel tellus. Lorem ipsum dolor sit
                        amet, consectetuer adipiscing elit. Fusce gravida, magna non pellentesque interdum,
                        felis odio eleifend ligula, et luctus dolor mi et diam. Vivamus varius nisl sed
                        enim. Sed ultricies fermentum urna.</p>
                    <a href="#section5b" class="prev">&lt;&lt;</a> </li>
            </ul>
        </div>
    </div>
</body>
</html>
